<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>商品详情</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="../common/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../common/css/common.css">
    <link rel="stylesheet" type="text/css" href="../libs/swiper/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="css/detail.css">

</head>
<body>
    <div class="container">
        <div class="header">
            <div class="left go-back head-back-2"></div>
            <div class="right menu"></div>
            <div class="auto">商品详情</div>
        </div>
        <div class="wrap_main">
        	<div class="main">
        		<div class="info clear">
                    <!--<div class="info-left left">
                        <p class="more_single name">很快就复合弓</p>
                        <p class="c_price">￥<span>36.20</span></p> 
                    </div>
                    <div class="info-right left">
                        <a href="javascript:;">查看</a>
                        <span>用户评价</span>
                    </div>-->
        		</div>
        	</div>
            <div class="middle_space"></div>
            <div class="wrap_bottom">
                <div class="title">
                    <ul>
                        <li class="selected">商品详情</li>
                        <li>规格属性</li>
                    </ul> 
                </div>
                <div class="good_detail">

                </div>
                <div class="good_attribute">
                    <ul>

                    </ul>
                </div>
                <div class="life">
                    <div class="life_main">
                       <!-- <div class="list">
                            <img src="img/banner.png"/>
                            <div class="title single">
                                关于火匣你了解多少？
                            </div>
                            <div class="over"></div>
                            <div class="time">
                                <p class="left">2017-3-15 10:00</p>
                                <div class="right"></div>
                            </div>
                        </div>-->
                    </div>
                    <div class="none tab">
                        <img src="./img/none.png" alt=""/>
                        <p>暂无新内容</p>
                        <p>去别处转转，稍后再来吧</p>
                    </div>
                    <!--<div class="middle_space"></div>-->
                </div>

                <div></div>
            </div>
            <div class="bottom_space"></div>
        </div>
        <div class="add_cart">
            <a class="customerService" href="tel:400-825-8521"></a>
            <a href="../cart/index.html"><div class="icon_cart left">
                <p>0</p>
            </div></a>
            <div class="btn right" data-type="add-cart">
                加入购物车
            </div>
            <div class="buy-now right" data-type="buy-now">
                立即购买
            </div>
            <div class="sale-lower tab right" data-type="buy-now">
                已下架
            </div>
        </div>
    </div>

    <div class="c_container">
        <div class="cover"></div>
        <div class="c_main">
            <div class="c_detail">
                <div class="left img">
                    <img src="img/banner.png">
                </div>
                <div class="left title">
                    <p class="price">价格：<span></span></p>
                    <p style="color: #999;padding-top: .1rem;" class="total visual">库存100件</p>
                    <p style="color: #999;" class="spec more_single">请选择规格</p>
                    <div class="close"></div>
                </div>
            </div>
            <div class="specification">
                <ul>
                    <li>
                        <p>颜色</p>
                    </li>
                    <li>
                        <p>尺码</p>
                    </li>
                </ul>
                <div class="num">
                    <p class="left">购买数量</p>
                    <div class="left change">
                        <div class="left minus"></div>
                        <div class="left middle"><input type="text" value="1" maxlength="6"></div>
                        <div class="left add"></div>
                    </div>
                    <span class="visual">(可购买 100 件)</span>
                </div>
            </div>
            <button class="btn">加入购物车</button>
        </div>
    </div>

    <div class="success_alert">成功加入购物车</div>
    <div class="select_alert">请选择商品规格</div>
    <div class="login_alert">您未登录，请先登录！</div>
    <div id="bottom" class="tab"></div>

    <!--<div class="share_cover tab"></div>
    <div class="wrap_share tab">
        <div class="top">
            <div class="left"></div>
            <p class="left">分享到</p>
            <div class="left"></div>
        </div>
        <div id="nativeShare"></div>
        <div class="bottom">
            <div class="icon ">
                <img src="../article/img/weixin.png" alt="微信好友"/>
                <p></p>
            </div>
            <div class="icon">
                <img src="../article/img/pengyouquan.png" alt="朋友圈"/>
                <p></p>
            </div>
            <div class="icon">
                <img src="../article/img/qq.png" alt="QQ好友"/>
                <p></p>
            </div>
        </div>
    </div>

    <div class="pay_container tab">
        <div class="pay_main">
            <div class="text">
                <p>请点击右上角</p>
                <p>分享给指定好友</p>
                <p>或分享到朋友圈</p>
            </div>
        </div>
    </div>

    <div class="zoom-container swiper-container">

    </div>-->

    <script src="../common/js/jquery.js"></script>
	<script src="../common/js/post.js"></script>
	<script src="../common/js/json2.js"></script>
    <script src="../common/js/rem.js"></script>
    <script src="../common/js/common.js"></script>
    <script src="../libs/swiper/swiper.min.js"></script>
    <script src="js/zoomImgFn.js"></script>
    <script src="js/detail.js"></script>
    <script src="../common/js/clearcache.js"></script>
</body>
</html>